<template>
	<div id="navigation">
		<router-link to="/">
			<div class="nav-box">
				首页
			</div>
		</router-link>
		<router-link to="/follow">
			<div class="nav-box">
				关注
			</div>
		</router-link>
		<div class="nav-box">
			加号
		</div>
		<div class="nav-box">
			消息
		</div>
		<div class="nav-box">
			我
		</div>
	</div>
</template>
<script>
	export default {
		name:"navigation"
	}
</script>
<style lang="stylus" scoped>
	#navigation
		height 1rem
		width 100%
		position fixed
		bottom 0
		left 0
		background-color #000000
		display flex
		justify-content space-around
		.nav-box
			height 1rem
			line-height 1rem
			text-align center
			font-size .4rem
			color #FFFFFF
</style>